'use strict';
import React, {
    Component
} from 'react'
import {
    Link
} from 'react-router'
import {
    connect
} from 'react-redux';
import {
    bindActionCreators
} from 'redux';

import {
    Carousel,
    ButtonGroup,
    DropdownButton,
    MenuItem,
    Button,
    Nav,
    NavItem,
    NavDropdown,
    FormGroup,
    ControlLabel,
    FormControl,
    InputGroup,
    Row,
    Grid,
    Col,
} from 'react-bootstrap'
// import 'react-bootstrap/lib/css/bootstrap.min.css'
import Header from './common/header'
import Footer from './common/Footer'
import Loadding from './common/loading'
import './../scss/demo.scss'
// import './../plugins/semantic-ui/semantic.css'
// import './../plugins/semantic-ui/semantic.js'
import {
    onIncreaseClick,
    randomNumber
} from '../Redux/action'

export class demo extends Component {
    constructor(props) {
        super(props)
        this.state = {
            activeKey: 1
        }
    }
    static defaultProps = {
        value: 12
    }

    handleSelect(eventKey) {
        event.preventDefault();
        this.setState({
            activeKey: eventKey
        })
    }

    render() {
        const {
            value,
            number,
            onIncreaseClick,
            randomNumber
        } = this.props
        const {
            activeKey
        } = this.state
        return (
            <div className='demo'>
                模板
            </div>
        )
    }
}
const mapStateToProps = state => {
    return {
        value: state.count,
        number: state.num
    }
};
const mapDispatchToProps = {
    onIncreaseClick,
    randomNumber
}
export default connect(mapStateToProps, mapDispatchToProps)(demo);
